<% include ../header.ejs %>

<link rel="stylesheet" href="/stylesheets/app/evaluate/evaluate_servicelist.css">
<style>
    .scrollspy-nav {
        top: 0;
        z-index: 1100;
        background: #0e90d2;
        width: 100%;
        padding: 0 10px;
    }

    .scrollspy-nav ul {
        margin: 0;
        padding: 0;
    }

    .scrollspy-nav li {
        display: inline-block;
        list-style: none;
    }

    .scrollspy-nav a {
        color: #eee;
        padding: 10px 20px;
        display: inline-block;
    }

    .scrollspy-nav a.am-active {
        color: #fff;
        font-weight: bold;
    }
</style>
<header data-am-widget="header" data-am-sticky class="am-header am-header-default" id="appTemplates-Nav">
    <div class="am-header-left am-header-nav">
        <a href='/smtool_project/wxapp/' class="">
            <img class="am-header-icon-custom"
                 src="data:image/svg+xml;charset&#x3D;utf-8,&lt;svg xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot; viewBox&#x3D;&quot;0 0 12 20&quot;&gt;&lt;path d&#x3D;&quot;M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z&quot; fill&#x3D;&quot;%23fff&quot;/&gt;&lt;/svg&gt;"
                 alt=""/>
        </a>
    </div>

    <h1 class="am-header-title">
        <a href="#title-link" class="" id="Typeface-whitecolor">搜索</a>
    </h1>


</header>

<div data-am-widget="list_news"
     class="am-list-news am-list-news-default ">

    <div class="am-list-news-bd" ng-app="searchList" ng-controller="listController">
        <nav class="scrollspy-nav am-margin-bottom-sm " data-am-scrollspynav="{offsetTop: 500}" data-am-sticky="{top:55}">
            <ul>
                <li><a href="#stockrecommendList">金股</a></li>
                <li><a href="#stockpoolList">股票池</a></li>
                <li><a href="#mconferenceList">晨会</a></li>
                <li><a href="#strategymeetingList">策略</a></li>
                <li><a href="#surveyList">调研</a></li>
                <li><a href="#telList">电话</a></li>
                <li><a href="#roadshowList">路演</a></li>
                <li><a href="#knowledgecenterList">知识库</a></li>
            </ul>
        </nav>
        <div class="am-panel-group" id="accordion">

            <div class="am-panel am-panel-default" id="stockrecommendList">
                <div class="am-panel-hd ">
                    <h4 class="am-panel-title "  data-am-collapse="{parent: '#accordion', target: '#do-not-say-1'}">
                        金股
                        <div class=" am-fr am-margin-right am-badge am-badge-warning am-round">{{data.stockrecommendList.obj.length}}</div>

                    </h4>

                </div>

                <div id="do-not-say-1" class="am-panel-collapse am-collapse am-in" >
                        <div class="am-panel-bd" ng-repeat="item in data.stockrecommendList.obj" ng-click = "toDetail(item.rowId,'stockrecommend')">
                            <div class="am-g">
                                <div class="am-u-sm-9 am-text-sm am-padding-0 am-text-secondary">{{item.title}}</div>
                                <div class="am-u-sm-3 am-text-xs ">{{item.realPrice}}</div>
                            </div>
                            <hr>
                            <div class="am-g">
                                <div class="am-u-sm-9 am-padding-0">{{item.val| limitTo:50}}</div>
                                <div class="am-u-sm-3 ">{{getRealPercent(item.realPrice,item.importprice)}}</div>
                            </div>

                        </div>
                </div>
            </div>
            <!--股票池-->
            <div class="am-panel am-panel-default" id = "stockpoolList">
                <div class="am-panel-hd">
                    <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-2'}">
                        股票池
                        <div class=" am-fr am-margin-right am-badge am-badge-warning am-round">{{data.stockpoolList.obj.length}}</div>

                    </h4>
                </div>
                <div id="do-not-say-2" class="am-panel-collapse am-collapse">
                        <div class="am-panel-bd" ng-repeat="item in data.stockpoolList.obj" ng-click = "toDetail(item.rowId,'stockpool')">
                            <div class="am-g">
                                <div class="am-u-sm-9 am-text-sm am-padding-0 am-text-secondary">{{item.title}}</div>
                                <div class="am-u-sm-3 am-text-xs ">{{item.realPrice}}</div>
                            </div>
                            <hr>
                            <div class="am-g">
                                <div class="am-u-sm-9 am-padding-0">{{item.val| limitTo:50}}</div>
                                <div class="am-u-sm-3 ">{{getRealPercent(item.realPrice,item.importprice)}}</div>
                            </div>
                        </div>
                </div>
            </div>

            <!--晨会-->
            <div class="am-panel am-panel-default" id = "mconferenceList">
                <div class="am-panel-hd">
                    <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-3'}">
                        晨会
                        <div class=" am-fr am-margin-right am-badge am-badge-warning am-round">{{data.mconferenceList.obj.length}}</div>
                    </h4>
                </div>
                <div id="do-not-say-3" class="am-panel-collapse am-collapse " >
                    <div class="am-panel-bd" ng-repeat="item in data.mconferenceList.obj" ng-click = "toDetail(item.rowId,'mconference')">
                        <div class="am-g">
                            <div class="am-u-sm-8 am-text-sm am-padding-0 am-text-secondary">{{item.title}}</div>
                            <div class="am-u-sm-4 am-text-xs ">{{item.time|date : 'yyyy-MM-dd'}}</div>
                        </div>
                        <hr>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-padding-0">{{item.val| limitTo:50}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!--策略会-->
            <div class="am-panel am-panel-default" id = "strategymeetingList">
                <div class="am-panel-hd">
                    <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-4'}">
                        策略会
                        <div class=" am-fr am-margin-right am-badge am-badge-warning am-round">{{data.strategymeetingList.obj.length}}</div>
                    </h4>
                </div>
                <div id="do-not-say-4" class="am-panel-collapse am-collapse " >
                    <div class="am-panel-bd" ng-repeat="item in data.strategymeetingList.obj" ng-click = "toDetail(item.rowId,'strategymeeting')">
                        <div class="am-g">
                            <div class="am-u-sm-8 am-text-sm am-padding-0 am-text-secondary">{{item.title}}</div>
                            <div class="am-u-sm-4 am-text-xs ">{{item.time|date : 'yyyy-MM-dd'}}</div>
                        </div>
                        <hr>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-padding-0">{{item.val| limitTo:50}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!--调研-->
            <div class="am-panel am-panel-default" id = "surveyList">
                <div class="am-panel-hd">
                    <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-5'}">
                        调研
                        <div class=" am-fr am-margin-right am-badge am-badge-warning am-round">{{data.surveyList.obj.length}}</div>
                    </h4>
                </div>
                <div id="do-not-say-5" class="am-panel-collapse am-collapse " >
                    <div class="am-panel-bd" ng-repeat="item in data.surveyList.obj" ng-click = "toDetail(item.rowId,'survey')">
                        <div class="am-g">
                            <div class="am-u-sm-8 am-text-sm am-padding-0 am-text-secondary">{{item.title}}</div>
                            <div class="am-u-sm-4 am-text-xs ">{{item.time|date : 'yyyy-MM-dd'}}</div>
                        </div>
                        <hr>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-padding-0">{{item.val| limitTo:50}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!--电话会议-->
            <div class="am-panel am-panel-default" id = "telList">
                <div class="am-panel-hd">
                    <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-6'}">
                        电话会议
                        <div class=" am-fr am-margin-right am-badge am-badge-warning am-round">{{data.telList.obj.length}}</div>
                    </h4>
                </div>
                <div id="do-not-say-6" class="am-panel-collapse am-collapse " >
                    <div class="am-panel-bd" ng-repeat="item in data.telList.obj" ng-click = "toDetail(item.rowId,'tel')">
                        <div class="am-g">
                            <div class="am-u-sm-8 am-text-sm am-padding-0 am-text-secondary">{{item.title}}</div>
                            <div class="am-u-sm-4 am-text-xs ">{{item.time|date : 'yyyy-MM-dd'}}</div>
                        </div>
                        <hr>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-padding-0">{{item.val| limitTo:50}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!--路演-->
            <div class="am-panel am-panel-default" id = "roadshowList" >
                <div class="am-panel-hd">
                    <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-7'}">
                        路演
                        <div class=" am-fr am-margin-right am-badge am-badge-warning am-round">{{data.roadshowList.obj.length}}</div>
                    </h4>

                </div>
                <div id="do-not-say-7" class="am-panel-collapse am-collapse " >
                    <div class="am-panel-bd" ng-repeat="item in data.roadshowList.obj" ng-click = "toDetail(item.rowId,'roadshow')">
                        <div class="am-g">
                            <div class="am-u-sm-8 am-text-sm am-padding-0 am-text-secondary">{{item.title}}</div>
                            <div class="am-u-sm-4 am-text-xs ">{{item.time|date : 'yyyy-MM-dd'}}</div>
                        </div>
                        <hr>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-padding-0">{{item.val| limitTo:50}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <!--知识中心-->
            <div class="am-panel am-panel-default" id = "knowledgecenterList">
                <div class="am-panel-hd">
                    <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-8'}">
                        知识库
                        <div class=" am-fr am-margin-right am-badge am-badge-warning am-round">{{data.knowledgecenterList.obj.length}}</div>
                    </h4>
                </div>
                <div id="do-not-say-8" class="am-panel-collapse am-collapse " >
                    <div class="am-panel-bd" ng-repeat="item in data.knowledgecenterList.obj" ng-click = "toDetail(item.rowId,'knowledgecenter')">
                        <div class="am-g">
                            <div class="am-u-sm-8 am-text-sm am-padding-0 am-text-secondary">{{item.tag}}</div>
                            <div class="am-u-sm-4 am-text-xs ">{{item.time|date : 'yyyy-MM-dd'}}</div>
                        </div>
                        <hr>
                        <div class="am-g">
                            <div class="am-u-sm-12 am-padding-0">{{item.content| limitTo:50}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    var key = '<%=key%>';
    var type = '<%=type%>';
</script>
<script src="/javascripts/app/search/search.js"></script>
<% include ../footer.ejs %>

